<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>城市金币排行榜</title>

    <script src="<%=basePath%>js/fontSize.js"></script>
    <script src="<%=basePath%>js/jquery-1.11.3.min.js"></script>

    <link rel="stylesheet" href="<%=basePath%>css/style.css" />
    <link rel="stylesheet" href="<%=basePath%>css/style2.css" />
</head>

<body>
    <style>
        body {
            background: #f2f2f4;
        }
    </style>
    <script src="<%=basePath%>js/swiper.min.js"></script>
    <!--头部1-->
    <header class="header3 padding-lr1 background6">
        <p class="header3-left"><a href="<%=basePath%>member/u/searchRedPacket"><span class="ico bgico-7" style="background-image: url(<%=basePath%>images/img25.png)"></span></a></p>
        <h2 class="header3-title text-align-center color1">城市金币排行榜</h2>
        <div class="header3-right">
            <figure class="dolamr">
                <div class="dolamr-zksq color1">
                    <img src="<%=basePath%>images/img40.png">
                </div>
            </figure>
        </div>
        <div class="clear-both"></div>
    </header>
    <!--/头部1-->
    <div class="ranking-ist">
        <c:forEach items="${rankings}" var="ranking">
        <c:choose>
        	<c:when test="${ranking.sort == 1}">
        		<div class="anking-list-first">
		          <div class="anking-first-life">
		            <p>NO.${ranking.sort}</p>
		          </div>
		          <div class="anking-first-logo">
		            <div class="anking-first-logo-parent">
		                <c:choose>
							<c:when test="${empty ranking.avatar}"><img src="<%=basePath%>images/img51.png"></c:when>
							<c:otherwise><img src="${ranking.avatar}"></c:otherwise>
						</c:choose>
		            </div>
		            <div class="anking-mony clearfix">
		              <i class="anking-mony-img fl"></i>
		              <p class="fl">${ranking.money}</p>
		            </div >
		          </div>
		        </div>
        	</c:when>
			<c:otherwise>
				<div class="anking-list-list clearfix">
		            <span class="fl anking-span">NO.<i>${ranking.sort}</i></span>
		            <div class="anking-list-img fl clearfix">
		            	<c:choose>
							<c:when test="${empty ranking.avatar}"><img src="<%=basePath%>images/img51.png"></c:when>
							<c:otherwise><img src="${ranking.avatar}" class="fl"></c:otherwise>
						</c:choose>
		                <div class="anking-name clearfix fl">
		                    <span class="fl">${ranking.nickName}</span>
		                    <span class="vspan fl">V<i>1</i></span>
		                </div>
		                <div class="anking-mony clearfix fl anking-num">
		                  <i class="anking-mony-img fl"></i>
		                  <p class="fl">${ranking.money}</p>
		                </div >
		            </div>
		            <img class="anking-gold fr" src="<%=basePath%>images/MEDALS_${ranking.sort}.png">
		        </div>
			</c:otherwise>
        </c:choose>
        
        </c:forEach>
        
    </div>
    <!--/底部1-->
    <script src="<%=basePath%>js/style.js"></script>

</body>

</html>
